<template>
  <div>
    <van-row class="heads">
      <van-icon name="arrow-left" @click="back" class="back" />
      <span> 我关注的商铺 </span>
    </van-row>

    <van-row v-for="(item,index) in values" :key='index' >

      <van-card

        :desc=item.des
        :title=item.title
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
      >
        <template #tags>
          <van-rate
              allow-half
              readonly
            v-model="item.value"
            :size="15"
            color="#ffd21e"
            void-icon="star"
            void-color="#eee"
          />
          <van-tag plain type="danger">好评{{item.pf}}</van-tag>
        </template>
        <template #bottom>
          <van-tag
            color="linear-gradient(to right, #ff6034, #ee0a24)"
            size="mini"
            >今日销量：{{item.tsell}}</van-tag
          >
          &nbsp;
          <van-tag
            color="linear-gradient(to right, #ff6034, #ee0a24)"
            size="mini"
            >累计销量：{{item.ssell}}</van-tag
          >
          <van-tag
            color="linear-gradient(to right, #ff6034, #ee0a24)"
            size="mini"
            >本月更新商品：{{item.usell}}</van-tag
          >
        </template>
        <template #footer>
          <van-button size="mini" v-model="item.id" >取消关注</van-button>
        </template>
      </van-card>
    </van-row>
  </div>
</template>

<script>
export default {
  name: "Fruith5Follow",

  data() {
    return {
      values: [
        {
          id:1,
          title: "剥壳者商铺",
          des:'描述1',
          value: 5,
          pf:'100%',
          tsell:'99',
          ssell:'999',
          usell:'99'
        },
        {
          id:2,
          title: "剥壳者商铺2",
          des:'描述2',
          value: 4.5,
          pf:'10%',
          tsell:'99',
          ssell:'999',
          usell:'99'
        },
      ],
    };
  },

  mounted() {},

  methods: {
    back() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
.back {
  cursor: pointer;
}
.heads {
  font-size: 18px;
  font-weight: bold;
  /* line-height: 2.375rem; */
  color: white;
  background-color: rgb(0, 255, 170);
  height: 2.375rem;
  padding: 0.9375rem 0.1875rem 0rem 0.625rem;
}
</style>